<script setup>

</script>

<template>
 <el-row :gutter="20" style="width: 1200px;margin: 0 auto;">
  <el-col :span="4">
    <el-card style="height: 100%;">
      <el-menu active-text-color="#ea1a56" router default-active="/personal/index">
        <el-menu-item index="/personal/index"><el-icon><House style="color: #ea1a56" /></el-icon>我的悠游</el-menu-item>

        <el-menu-item><el-icon><User style="color: #ea1a56"/></el-icon>个人中心</el-menu-item>
        <el-menu-item index="/personal/order">我的订单</el-menu-item>
        <el-menu-item index="/personal/exchangeOrder">积分兑换订单</el-menu-item>
        <el-menu-item index="/personal/collection">我的收藏</el-menu-item>

        <el-menu-item active-color="#ea1a56"><el-icon><Setting style="color: #ea1a56"/></el-icon>账号管理</el-menu-item>
        <el-menu-item index="/personal/info">个人资料</el-menu-item>
        <el-menu-item index="/personal/safe">账户安全</el-menu-item>
<!--        <el-menu-item index="/personal/management">稿件管理</el-menu-item>-->
      </el-menu>
    </el-card>
  </el-col>
  <!--右侧是可变区域-->
  <el-col :span="20">
    <el-card>
      <router-view/>
    </el-card>
  </el-col>
 </el-row>
</template>

<style scoped>

</style>